<template>
<div>
  <ul class="newSongList">
    <ListItem v-for="item in newSongList" :item="item" :key="item.id"></ListItem>
  </ul>
  </div>
</template>
<script>
import ListItem from './ListItem'
export default {
  name: "MusicItem",
  props: {
    newSongList:{
      type: Array,
      default:function(){
        return []
      }
    }
  },
  components:{
    ListItem
  },
  mounted() {
    // console.log(this.newSongList);
  },
};
</script>
